<template>
	<tm-fullView>
		<template v-slot:default="{info}">
			<view class="grey text " :class="$tm.vx.state().tmVuetify.black?'black bk':''" :style="{minHeight:info.height+'px'}">
				<tm-menubars title="步进器" color="bg-gradient-blue-accent" :showback="true"></tm-menubars>
				<tm-sheet :shadow="24">
					<view class="pa-12 text-size-s text-weight-b blue text mb-32 round-2" :class="$tm.vx.state().tmVuetify.black?'black bk':''" >基础示例</view>
					<tm-stepper  v-model="word"></tm-stepper>
				</tm-sheet>
				<tm-sheet :shadow="24">
					<view class="pa-12 text-size-s text-weight-b blue text mb-32 round-2" :class="$tm.vx.state().tmVuetify.black?'black bk':''" >步幅</view>
					<tm-stepper v-model="word" :step="10" color="bg-gradient-pink-accent"></tm-stepper>
				</tm-sheet>
				<tm-sheet :shadow="24">
					<tm-stepper v-model="word" :step="10" color="blue" :round="24"></tm-stepper>
					<tm-stepper v-model="word" :step="10" color="bg-gradient-blue-accent" :round="24"></tm-stepper>
				</tm-sheet>
	
				
				<view style="height: 50upx;"></view>
			</view>
		</template>
	</tm-fullView>

</template>

<script>
	import tmFullView from "@/tm-vuetify/components/tm-fullView/tm-fullView.vue"
	import tmMenubars from "@/tm-vuetify/components/tm-menubars/tm-menubars.vue"
	import tmSheet from "@/tm-vuetify/components/tm-sheet/tm-sheet.vue"
	import tmStepper from "@/tm-vuetify/components/tm-stepper/tm-stepper.vue"
	export default {
		components:{tmFullView,tmMenubars,tmSheet,tmStepper},
		data() {
			return {
				word:0
			}
		},
		methods: {
			
		}
	}
</script>

<style>

</style>
